$(function() {

    $(".fourth_image_wrap>div").on("mouseenter", function() {
        $(this).append(
            '<div><p style="font-size:30px;padding-top:40px;color:white;">' +
            $(this).children('img').attr('alt') +
            '</p></div>'
        );
        $(this).find('img').addClass("img")
        $(this).children('div').stop().fadeIn(400);
    }).on("mouseleave", function() {
        $(this).children('div').stop().fadeOut(300);
        $(this).find('img').removeClass("img")
        $(this).children('div').remove();
    })

    $("#nav span a").on("click", function() {
        var id = $(this).attr("href");
        var top = $(id).offset().top;
        $("html,body").animate({ scrollTop: top + "px" }, 1000);
        return false;
    })
})